.bd-sidebar {
    -ms-flex-order: 0;
    order: 0;
}

@media (min-width: 768px) {
    @supports ((position: -webkit-sticky) or (position:sticky)) {
        .bd-sidebar {
            position:-webkit-sticky;
            position: sticky;
            top: 4rem;
            z-index: 1000;
            height: calc(100vh - 4rem)
        }
    }
}

@media (min-width: 1200px) {
    .bd-sidebar {
        -ms-flex:0 1 320px;
        flex: 0 1 320px
    }
}

.bd-links {
    /*padding-top: 1rem;*/
    padding-bottom: 1rem;
    margin-right: -5px;
    margin-left: -5px
}

@media (min-width: 768px) {
    @supports ((position:-webkit-sticky) or (position:sticky)) {
        .bd-links {
            max-height:calc(100vh - 9rem);
            overflow-y: auto
        }
    }
}

@media (min-width: 768px) {
    .bd-links, .mid-links {
        display:block!important
    }
}